import React, { Component } from 'react'
import Login from './Login'
import Welcom from './Welcom'
export default class index extends Component {
  constructor () {
    super()
    this.state = {
      isLogin: false
    }
  }
  render () {
    // 方法一（写在jsx外） // return 后面就是isx
    // if(this.state.isLogin){
    //   return <Welcom/>
    // }else{
    //   return <Login/>
    // }

    // 方法二：三目运算符
    // return <div>{this.state.isLogin? <Welcom/>:<Login/>}</div>

    // 方法三：&& 与
    // 左边条件为真，右边才执行
    return (
      <div>
        {this.state.isLogin && <Welcom />}
        {!this.state.isLogin && <Login />}
      </div>
    )
  }
}
